<!DOCTYPE html>
<html class="">
<head>
<meta charset=utf-8 />
<title>Furatto :: Add_ons</title>
<link rel="stylesheet" href="assets/css/normalize.css" />
<link rel="stylesheet" href="assets/css/furatto.css" />
<link rel="stylesheet" href="assets/css/font-awesome.css" />
<link rel="stylesheet" href="assets/css/docs.css" />
<link rel="shortcut icon" href="assets/img/favicon.ico" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, user-scalable=no">
<script async="" src="http://www.google-analytics.com/ga.js"></script>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-32608013-3']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</head>
<body class="">

<div class="panels ">
  <div class="panel panel-inverse panel-left docs-panel">
  </div>
</div>

<div class="panel-content " id="body">
  <div class="navbar navbar-inverse navbar-fixed-top">
    <div class="navbar-inner docs-navbar-inner">
      <div class="container">
        <a href="#menu" class="menu-trigger meteocon" data-meteocon="M" data-toggle="panel" data-target="#menu"></a>
        <div class="nav-collapse collapse">
          <nav id="menu">
            <ul class="nav docs-navbar-menu">
              <li><a class="brand" href="index.html">Furatto</a></li>
              <li class=""><a href="getting_started.html">Getting Started</a></li>
              <li class=""><a href="docs.html">Docs</a></li>
              <li class=""><a href="javascript.html">Javascript</a></li>
              <li class=""><a href="components.html">Components</a></li>
              <li class=""><a href="examples.html">Examples</a></li>
              <li class="active"><a href="add_ons.html">Add-ons</a></li>
            </ul>
          </nav>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="section-jumbo-container">
      <h1 class="jumbo-header">Add-ons</h1> 
      <p class="motto">Extend Furatto with a collection of add-ons ready to rock.</p>
    </div>
  </div>
  
  <div class="container-center">
    <div class="row">
      <h4 class="light">We are working to provide a good collection of add-ons to extend Furatto. You can check the repo <a href="https://github.com/IcaliaLabs/furatto_addons" target="_blank">here</a></h4>
    </div>
    <div class="row">
      <h3>In the mean time...</h3>
      <div class="add-ons-wrapper row">
        <div class="col-4">
          <a href="http://icalialabs.github.io/furatto_addons/pagination/" target="_blank">
          <div class="add-on">
            <img src="assets/img/pagination-small.png" alt=""  class="img"/>    
            <p class="add-on-title">PAGINATION</p>
            <p class="add-on-description">Sleek and beautiful pagination</p>
          </div>
          </a>
        </div>  
        <div class="col-4">
          <a href="http://icalialabs.github.io/furatto_addons/buttonGroups/" target="_blank">
          <div class="add-on add-on-black">
            <img src="assets/img/group_buttons.png" alt=""  class="img"/>    
            <p class="add-on-title">GROUP BUTTONS</p>
            <p class="add-on-description">Grouping your actions at a glance</p>
          </div>
          </a>
        </div>  
        <div class="col-4">
          <a href="http://icalialabs.github.io/furatto_addons/expandingThumbnail/" target="_blank">
          <div class="add-on">
            <img src="assets/img/expandingpreviews.png" alt=""  class="img"/>    
            <p class="add-on-title">EXPANDING THUMBNAIL</p>
            <p class="add-on-description">Google style expanding preview</p>
          </div>
          </a>
        </div>  
      </div>
  
  
      <div class="add-ons-wrapper row">
        <div class="col-4">
          <a href="http://icalialabs.github.io/furatto_addons/social_buttons/" target="_blank">
          <div class="add-on add-on-black">
            <img src="assets/img/socialbuttons.png" alt=""  class="img"/>    
            <p class="add-on-title">SOCIAL BUTTONS</p>
            <p class="add-on-description">Socializing Furatto</p>
          </div>
          </a>
        </div>  
        <div class="col-4">
          <a href="http://icalialabs.github.io/furatto_addons/checkBoxAndRadioButtons/" target="_blank">
          <div class="add-on add-on-black">
            <img src="assets/img/radiobuttons.png" alt=""  class="img"/>    
            <p class="add-on-title">CHECK BOX & RADIO BUTTONS</p> 
            <p class="add-on-description">Flat and Beautiful Check Box and Radio Buttons</p>
          </div>
          </a>
        </div>  
      </div>
    </div>
  </div>
  <div class="row footer ">
  <p class="copyright">Code licensed under <a href="http://www.apache.org/licenses/LICENSE-2.0" target="_blank" class="docs-license">Apache License v2.0</a></p>
  <ul class="inline">
    <li><a href="index.html">Home</a></li>
    <li><a href="assets/furatto.zip" onclick="_gaq.push(['_trackEvent', 'Furatto Actions', 'Download', 'Download V2']);">Download</a></li>
    <li><a href="https://github.com/IcaliaLabs/furatto-rails">Rails</a></li>
    <li><a href="https://github.com/IcaliaLabs/furatto" target="_blank">Github</a></li>
    <li><a href="http://fortawesome.github.io/Font-Awesome/">Font Awesome</a></li>
  </ul>
</div>

</div>

<script src="assets/js/jquery.js"></script>
<script src="assets/js/furatto.min.js"></script>
<script src="assets/js/furatto-demo.js"></script>
</body>
</html>
